
table{
    .container_form_wrap{
        text-indent:0px;
        position:relative;
        font-family:"微软雅黑";
        border:1px solid #ddeaf6;
        background:#f9fcff;
        padding-bottom: 10px;
        padding-right: 10px;
        .remark-quote{
            padding-left: 10px;
            padding-right: 10px;
            width: 100%;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            line-height: 20px;
        }
        .container_form_wrap_span{
            text-indent:0px;
            padding-left:10px;
            color:#333333;
            font-family:"微软雅黑";
            font-size:12px;
            line-height:36px;
        }
        .container_form_wrap_delete{
            position:absolute;
            right:30px;
            top:30px;
            font-size:22px;
        }
    }
}
#remark_div,.wea-req-forward-content-remark {

    .container_form_wrap{
        text-indent:0px;
        position:relative;
        font-family:"微软雅黑";
        border:1px solid #ddeaf6;
        background:#f9fcff;
        padding-bottom: 10px;
        padding-right: 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        .remark-quote{
            padding-left: 10px;
            padding-right: 10px;
            width: 98%;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            line-height: 20px;
        }
        .container_form_wrap_span{
            text-indent:0px;
            padding-left:10px;
            color:#333333;
            font-family:"微软雅黑";
            font-size:12px;
            line-height:36px;
        }
        .container_form_wrap_delete{
            position:absolute;
            right:30px;
            top:30px;
            font-size:22px;
        }
    }
    .blank{
        height:10px;
    }
        
}
.content-right-remark-html{
    overflow-x: auto;
    .container_form_wrap{
        text-indent:0px;
        position:relative;
        font-family:"微软雅黑";
        border:1px solid #ddeaf6;
        background:#f9fcff;
        padding-bottom: 10px;
        padding-right: 10px;
        .container_form_wrap_span{
            line-height:36px;
        }
    }

    .small_pic{
        margin-bottom: 5px;
    }
}

.content-right-remark-html img,.content-right-userimg img{
    max-width: 500px !important;
    max-height: 260px;
    cursor: default;
}
.communication-area-wrap .wea-workflow-communication-list img {
  max-width: 500px !important;
  max-height: 260px;
  cursor: default;
}


.content-right,table{
    .container_form_wrap{
        margin-bottom: 10px;
        padding-left:10px;
        p,span{
            padding:0;
            padding-left: 0 !important;
            // margin-left:10px;
        }
    }
}

table{
    #remark_div{
        .remark-quote{
            padding-left:0 !important;
        }
    }
}
.reply-dialog {
  .wea-dialog-body {
    .cowork-reply-remark {
      margin: 10px 10px 20px 10px;
      .wea-cl-content {
        .wea-ckeditor-content {
          overflow-x: auto;
        }
      }
      .quote-item-warp {
        .needWrap {
          .quote-top-words {
            background-color: #f4f4f4;
          }
        }
      }
      .wf-resources {
        .wea-rich-text-toolbar-bottom {
            .red-point {
              top: 44% !important;
              left: 90% !important;
            }
            .wea-rich-text-toolbar-bottom-item {
              .wea-cowork-rich-button {
                margin: 0 5px;
                .button-text {
                  margin-left: 5px;
                }
              }
              .wea-rich-text-upload-list-red-p {
                top: 44% !important;
                right: -10% !important;
              }
            }
        }
      }

    }
      
  }
  .ant-modal-footer {
    text-align: center;
  }
}
.wf-req-sign-list-content {
  // .content-right {
    
  // }
  .communication-area-wrap {
    margin-left: 180px;
   
    .communication-folder-panel {
      text-align: center;
      cursor: pointer;
      background-color: #f3f3f3;
      border: 1px solid #e2e2e2;
      color: #999;
      font-size: 12px;
      padding: 5px 0;
      .word-span {
        margin-right: 8px;
      }
    }
    .communication-folder-panel.open {
      border-bottom: none;
    }
    .wea-workflow-communication-list {
      color: #333;
      border: 1px solid #e2e2e2;
      padding: 10px 10px 0 10px;
      border-top: none;
      .wea-comment-item:not(:last-child) {
          border-bottom: 1px dashed #e2e2e2;
      }
      .wea-comment-item{
        padding-bottom: 10px;
        word-break: break-word;
        margin-bottom: -1px;
        .comment-content-wrap {
          .cowork-reply-user {
            padding: 5px 0;
          }
          .cowork-reply-remark {
            padding: 5px 0;
            .wea-cl-content {
              .wea-ckeditor-content {
                overflow-x: auto;
              }
            }
          }
          .bottom-operate {
            padding-bottom: 8px;
            .reply-time {
              color: #999;
            }
            .fr {
              float: right;
              display: inline-block;
              .icon {
                cursor: pointer;
                padding: 0 10px;
                i {
                  padding-right: 10px;
                }
              }
              // i,span {
              //   margin-right: 5px;
              // }
            }
          }
        }

        .wea-cowork-reply-wrap {
          margin: 5px 3px;
          border: 1px solid #e8e8e8;
          background-color: #f9f9f9;
          .wea-cowork-reply-item {
            padding: 5px 3px;
            .operate-hd {
              padding: 5px;
              color: #999;
              .cowork-reply-user {
                a, .reply-time {
                  margin-right: 5px;
                }
              }
              .fr {
                float: right;
                .cowork-top-icon {
                  margin-right: 10px;
                  cursor: pointer;
                }
              }
            }
            .cowork-reply-remark {
              padding: 5px;
              .wea-cl-content {
                .wea-ckeditor-content {
                  overflow-x: auto;
                }
              }
            }
            .workflow-resource-list {
              .cowork-att-list {
                padding-left: 5px;
                overflow: hidden;
              }
            }
          }
          .small-page {
            overflow: hidden;
            .ant-pagination  {
              li {
                background-color: #f9f9f9;
                a {
                  color: #666 !important; 
                }
              }
              li.ant-pagination-item-active {
                a {
                  color: #2db7f5 !important;
                }
              }
            }
          }
          .wea-cowork-reply-item:not(:last-child) {
            border-bottom: 1px dashed #dcdcdc;
          }
          .wf-resources.reply {
            margin: 5px 10px 10px 10px;
          }
          
        }
      }
     
      .wea-workflow-communication-pagination {
        overflow: hidden;
      }
    }
    
  }
  .wea-comment-item {
    .wf-resources {
      .wea-rich-text-toolbar-bottom {
        .wea-button-release {
          color: #2db7f5;
        }
        .wea-button-release:hover {
          color: #fff;
          background: #2db7f5;
        }
        .wea-rich-text-toolbar-bottom-item {
          .wea-cowork-rich-button {
            margin: 0 5px;
            .button-text {
              margin-left: 5px;
            }
          }
        }
      }
    }
    .cowork-reply-content {
        .workflow-resource-list {
          color: #999;
          margin-bottom: 5px;
          .cowork-att-list {
            overflow: hidden;
            width: 100%;
            .content-icon {
              float: left;
              margin-top: 5px;
              // font-size: 19px;
            }
            ul {
              margin-left: 25px;
              margin-bottom: 10px;
              li {
                // height: 30px;
                // line-height: 30px;
                margin-bottom: 3px;
                 a {
                  //  padding: 0 10px;
                   display:inline-block;
                 }
                 a:hover {
                   color: #00a9ff;
                   background-color: #f3f9ff;
                   text-decoration: underline;
                 }

                .workflow-accessory-item:hover {
                  background-color: #f3f9ff;
                  span, i {
                    display: inline-block;
                  }
                }
                .workflow-accessory-item {
                  display: inline-block;
                  color: #999;
                  span, i {
                    display: none;
                    float: right;
                    padding: 0 10px;
                  }
                  .icon-coms-download {
                    padding-top: 2px;
                    font-size: 14px;
                    cursor: pointer;
                  }
                }
              }

            }
          }
        }
      
    }
  }
  .wf-resources {
    .wea-workflow-rich-text {
      .wea-rich-text-toolbar-bottom {
        height: 47px;
        margin-bottom: 5px;
        .red-point {
          top: 44%;
          left: 90%;
        }
        .wea-rich-text-upload-list-red-p {
          top: 44%;
          right: -10%;
        }
        .wea-button-release {
          color: #2db7f5;
          .icon-coms-Release {
            margin-right: 8px;
          }
        }
      }
    }
  }
}
.wf-req-sign-blackColor{
  *{
    color:#000 !important;
  }
}